import { StyleSheet } from "react-native";
export const styles = StyleSheet.create({
  container: {
    flexDirection: "row",
    alignItems: "center",
    padding: 16,
    borderRadius: 8,
    marginVertical: 8,
    minHeight: 50,
  },
  icon: {
    marginRight: 12,
  },
  message: {
    flex: 1,
    fontSize: 14,
    lineHeight: 20,
    includeFontPadding: false,
  },
});
export const alertConfigStyle = {
  success: {
    bgColor: "#d4edda",
    iconName: "checkmark-circle" as const,
    iconColor: "#28a745",
    textColor: "#155724",
  },
  error: {
    bgColor: "#f8d7da",
    iconName: "close-circle" as const,
    iconColor: "#dc3545",
    textColor: "#721c24",
  },
  primary: {
    bgColor: "#cce5ff",
    iconName: "information-circle" as const,
    iconColor: "#004085",
    textColor: "#004085",
  },
};
